    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>结构伪类制作日历</title>
        <style>
            *{
                margin: 0;
                padding: 0;
            }
            ul{
                list-style: none;
                display: block;
                width: 510px;
                height: 360px;
                margin: 100px auto;
            }
            li{
                display: block;
                height: 70px;
                width: 70px;
                border: 1px solid rgba(122, 122, 122, 0.3);
                float: left;
                margin-top: -1px;
                margin-left: -1px;
                text-align: center;
                line-height: 70px;
                font-size: 24px;
                font-family: "Microsoft YaHei UI";
            }
            li:nth-child(2n+1){
                background-color: rgba(255, 61, 71, 0.92);
            }
            li:nth-child(7n),li:nth-child(7n-1){
                background-color: #fef71f;
            }

        </style>
    </head>
    <body>
    <ul>
        <li>
            <b>1</b>
            <i>初一</i>
        </li>
        <li>
            <b>2</b>
            <i>初二</i>
        </li>
        <li>
            <b>3</b>
            <i>初三</i>
        </li>
        <li>
            <b>4</b>
            <i>初四</i>
        </li>
        <li>
            <b>5</b>
            <i>初五</i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>
        <li>
            <b></b>
            <i></i>
        </li>

    </ul>
    <script>
        // var year = prompt("请输入年:");
        // var month = prompt("请输入月:");
        // var day = prompt("请输入日:");
        // function week(year,month,day) {
        //     var alldays = 0;
        //     for (var i = 1; i < year; i++) {
        //         if ((i % 4 == 0 && i % 100 != 0) || i % 400 == 0) {
        //             alldays += 366;
        //         } else {
        //             alldays += 365;
        //         }
        //     }
        //     var days = ((year % 4 == 0 && year % 100 != 0) || (year % 400 == 0)) ? 29 : 28;
        //     switch (month - 1) {
        //         case 11: alldays += 30;
        //         case 10: alldays += 31;
        //         case 9: alldays += 30;
        //         case 8: alldays += 31;
        //         case 7: alldays += 31;
        //         case 6: alldays += 30;
        //         case 5: alldays += 31;
        //         case 4: alldays += 30;
        //         case 3: alldays += 31;
        //         case 2: alldays += days;
        //         case 1: alldays += 31;
        //     }
        //     alldays += day;
        //     switch (alldays % 7) {
        //         case 1: alert('星期一');
        //             break;
        //         case 2: alert('星期二');
        //             break;
        //         case 3: alert('星期三');
        //             break;
        //         case 4: alert('星期四');
        //             break;
        //         case 5: alert('星期五');
        //             break;
        //         case 6: alert('星期六');
        //             break;
        //         case 0: alert('星期日');
        //     }
        // }
        // week(year,month,day);

</script>
    </body>
    </html>